let leftBtn = document.querySelector(".box>.btnBox>.left");
let rightBtn = document.querySelector(".box>.btnBox>.right");
let imgList = document.querySelectorAll(".box>.imgBox>ul>li");
let i =0;
rightBtn.onclick = function(){
  if(i>imgList.length-1){
    i=0;
  }
  imgList.forEach(function(item) {
    item.classList.remove("pre")
  });
  imgList[i].classList.add("pre");
  i++;
}


